.withdrawal{
	height: 100vh;
	background-color: #f2f2f2;
	padding: 0rpx 32rpx 0rpx 32rpx;
	box-sizing: border-box;
	.withdrawal-top-container{
		position: relative;
		width: 100%;
		height:252rpx;
		background-color:#ffffff;
		border-radius:0rpx 0rpx 24rpx 24rpx;
		margin-top: 228rpx;
		padding: 4rpx 24rpx 16rpx 24rpx;
		display: flex;
		flex-direction: column;
		box-shadow: 0rpx -10rpx 10rpx 2rpx rgba(71,0,0,0.16);
		z-index: 10;
		.top-title{
			height: 100rpx;
			line-height: 100rpx;
			border-bottom: 1rpx #cccccc solid;
			font-family:$global-font-family;
			font-weight:900;
			color:#333333;
			font-size:32rpx;
		}
		.top-footer{
			flex: 1;
			display: flex;
			align-items: center;
			justify-content: space-between;
			.footer-left{
				.withdrawal-number{
					height:72rpx;
					font-family:$global-font-family;
					font-weight:900;
					color:#e93c3c;
					font-size:50rpx;
					line-height: 72rpx;
				}
				.no-withdrawal-label{
					height:34rpx;
					font-family:$global-font-family;
					color:#999999;
					font-size:24rpx;
					line-height: 34rpx;
				}
			}
			.footer-right{
				.withdrawal-btn{
					width:188rpx;
					height:70rpx;
					background-color:#188cf1;
					border-radius:16rpx;
					padding-left: 0rpx !important;
					padding-right: 0rpx !important;
					font-family:$global-font-family;
					color:#ffffff;
					font-size:28rpx;
					display: flex;
					align-items: center;
					justify-content: center;
					&::after{
						border: none;
					}
				}

			}
		}
		.withdrawal-laundry-list-top{
			top: 0;
			transform: translateY(-100%);
			width: 93%;
			position: absolute;
			height:180rpx;
			border-radius:16rpx 16rpx 0rpx 0rpx;
			display: flex;
			align-items: center;
			flex-direction: column;
			background-image:linear-gradient(313.18deg,#f24141 0%,#fc8355 100%);
			.withdrawal-laundry-list-top-label{
				height:40rpx;
				font-family:$global-font-family;
				color:#ffffff;
				font-size:28rpx;
				margin-top: 32rpx;
				line-height: 40rpx;
			}
			.withdrawal-laundry-list-top-value{
				margin-top: 4rpx;
				height:72rpx;
				line-height: 72rpx;
				font-family:$global-font-family;
				font-weight:900;
				color:#ffffff;
				font-size:50rpx;
			}
		}
	}
	.subsection-wrapper{
		margin-top: 34rpx;
		margin-bottom: 34rpx;
		padding: 0rpx 30rpx 0rpx 30rpx;
		box-sizing: border-box;
	}
	.withdrawal-laundry-list-container{
		
		.tabs-list{
			width: 420rpx;
		}
		.withdrawal-laundry-list-main{
			padding: 24rpx 32rpx 24rpx 32rpx;
			box-sizing: border-box;
			width: 100%;
			height: calc(100vh - 870rpx);
			.withdrawal-item{
				width: 100%;
				height: 210rpx;
				background-color: #FFFFFF;
				border-radius:24rpx;
				padding: 32rpx 50rpx 32rpx 48rpx;
				margin-bottom: 16rpx;
				.withdrawal-item-top{
					height: 102rpx;
					display: flex;
					.withdrawal-icon-wrapper{
						height: 80rpx;
						width: 80rpx;
						margin-right: 16rpx;
						background-size: 100% 100%;
						margin-top: 4rpx;
						&.wx{
							background-image: url(https://vkceyugu.cdn.bspapp.com/VKCEYUGU-8acfaa58-aeb5-4502-8309-365d4c6cca4a/2f5525c1-d5a4-4b8a-8574-db502cb30710.png);
						}
						&.balance{
							background-image: url(https://vkceyugu.cdn.bspapp.com/VKCEYUGU-8acfaa58-aeb5-4502-8309-365d4c6cca4a/b3c6a7a5-6e65-453f-8721-7f5ccf239210.png);
						}
					}
					.withdrawal-info-wrapper{
						flex: 1;
						border-bottom: 2rpx #cccccc solid;
						.info-top-wrapper{
							height: 48rpx;
							display: flex;
							align-items: center;
							justify-content: space-between;
							.title{
								height: 40rpx;
								font-size: 28rpx;
								font-family:$global-font-family;
								font-weight: bold;
								color: #333333;
								line-height: 40rpx;
								text-align: left;
							}
							.amount{
								height: 44rpx;
								font-size: 32rpx;
								font-family:$global-font-family;
								font-weight: 800;
								color: #E93C3C;
								line-height: 44rpx;
								text-align: right;
							}
						}
						.info-bottom-wrapper{
							display: flex;
							align-items: center;
							justify-content: space-between;
							margin-top: 4rpx;
							height: 34rpx;
							.code{
								height: 34rpx;
								font-size: 24rpx;
								font-family:$global-font-family;
								font-weight: 400;
								color: #999999;
								line-height: 34rpx;
								width: 240rpx;
								overflow: hidden;
								text-overflow: ellipsis;
								white-space: nowrap;
							}
							.withdrawal-to{
								height: 28rpx;
								font-size: 20rpx;
								font-family:$global-font-family;
								font-weight: 400;
								color: #333333;
								line-height: 28rpx;
							}
						}
					}
				}
				.withdrawal-item-bottom{
					margin-top: 6rpx;
					height: 34rpx;
					margin-left: 96rpx;
					display: flex;
					align-items: center;
					justify-content: space-between;
					line-height: 34rpx;
					font-family:$global-font-family;
					font-weight: 400;
					font-size: 24rpx;
					.date{
						color: #999999;
					}
					.status{
						text-align: right;
						&.success{
							color: #2BA245;
						}
						&.fail{
							color: #E93C3C;
						}
						&.ongoing{
							color: #188CF1;
						}
					}
				}
			}
		}
	}
	.balance-list-container{
		width:100%;
		background-color:#ffffff;
		border-radius:24rpx;
		padding: 8rpx 24rpx 8rpx 24rpx;
		// margin-top: 434rpx;
		position: relative;
		/deep/ .u-collapse-head{
			padding: 0rpx !important;
		}
		.title{
			height: 92rpx;
			font-size: 32rpx;
			font-family:$global-font-family;
			font-weight: 800;
			color: #333333;
			line-height: 92rpx;
			text-align: center;
			border-bottom: 2rpx #cccccc solid;
		}
		.bottom{
			height: 84rpx;
			font-size: 24rpx;
			font-family:$global-font-family;
			font-weight: 800;
			color: #999999;
			line-height: 84rpx;
			text-align: center;
			border-top: 2rpx #cccccc solid;
			margin-top: 8rpx;
		}
		.item-title{
			height: 136rpx;
			width:100%;
			padding: 24rpx 0rpx 24rpx 0rpx;
			box-sizing: border-box;
			display: flex;
			.icon-wrapper{
				height: 40rpx;
				width: 24rpx;
				display: flex;
				align-items: center;
				.arrow-icon{
					transition: all 0.3s;
				}
				.active{
					transform: rotate(-90deg);
					transform-origin: center center;
				}
			}
			.title-main{
				width: calc(100% - 24rpx);
				.title-top{
					display: flex;
					justify-content: space-between;
					align-items: center;
					width: calc(100% - 24rpx);
					.top-title{
						height: 40rpx;
						font-size: 28rpx;
						font-family:$global-font-family;
						font-weight: 400;
						color: #333333;
						line-height: 40rpx;
						// flex: 1;
						width: calc(100% - 180rpx);
						overflow: hidden;
						text-overflow: ellipsis;
						white-space: nowrap;
					}
					.top-amount{
						height: 44rpx;
						font-size: 32rpx;
						font-family:$global-font-family;
						font-weight: 800;
						color: #333333;
						line-height: 44rpx;
						width: 150rpx;
						text-align: right;
						&.increase{
							color:#2ba245;
						}
						&.decrease{
							color:#e93c3c;
						}
					}
				}
				.created-time{
					height: 28rpx;
					font-size: 20rpx;
					font-family:$global-font-family;
					font-weight: 400;
					color: #999999;
					line-height: 28rpx;
				}
			}
	
		}
		.item-content{
			width: 100%;
			// height: 194rpx;
			background: #F2F2F2;
			border-radius:0rpx 0rpx 16rpx 16rpx;
			padding: 24rpx;
			box-sizing: border-box;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			.content-item{
				height: 32rpx;
				font-size: 22rpx;
				font-family:$global-font-family;
				font-weight: 400;
				color: #999999;
				line-height: 34rpx;
			}
		}
		.capital-flow-item{
			height: 120rpx;
			display: flex;
			align-items: center;
			justify-content: space-between;
			border-bottom: 1rpx #e6e6e6 solid;
			&:last-of-type{
				border-bottom:none;
			}
			.capital-flow-item-left{
				.capital-flow-title{
					height:44rpx;
					font-family:$global-font-family;
				  	font-weight:700;
				    color:#333333;
				    font-size:28rpx;
					line-height: 44rpx;
				}
				.capital-flow-time{
					height:28rpx;
					line-height: 28rpx;
					font-family:$global-font-family;
					color:#999999;
					font-size:20rpx;
				}
			}
			.capital-flow-item-right{
				height:50rpx;
				line-height: 50rpx;
				font-family:$global-font-family;
				font-weight:900;
				// color:#333333;
				font-size:36rpx;
				&.increase{
					color:#2ba245;
				}
				&.decrease{
					color:#e93c3c;
				}
			}
		}
	}
}
